<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
       /* .c1{
        width: 800px;
        height: 666px;
        background: salmon;
       }  */
</style>
<body>
   <canvas width="800" height="600" >
  
   </canvas>
   <script>
    const c1 = document.querySelector('canvas')
    c1.width=innerWidth
    c1.height=innerHeight
    const gd = c1.getContext('2d')
    
    // const line1 = c1.getContext('2d')
    // line1.lineWidth=25
    // line1.strokeStyle='red'
    // // line1.fillStyle='green'
    // line1.moveTo(300,200);
    // line1.lineTo(200,100);

   </script>
</body>
</html>